/*写淘宝的第一屏界面
 日期：2018-7-10*/
 *{
	 margin:0px;
	 padding:0px;
	 font-family:arial;
	 color:#424242;
 }
body{
	width:1190px;
	/* height:500px; */
	margin:auto;
	/* border:1px solid red; */
	color: #3C3C3C;
    background-color: #f4f4f4;
}
body,html{
	overflow-x:hidden;
}
 .top-bar{
	 width:1190px;
	 height:97px;
	 /* border:1px solid black; */
	 margin-top:20px;
	 position:relative; /*相对定位，不脱离原来的位置*/
 }
 /* 中间导航栏 */
 .centbar{
	 width:1179px;
	 height:30px;
	 /* border:1px solid black; */
	 background-color:#ff8100;
}
.color{
	color:#f5f5f5;
}
.centbar div{
	font-size:16px;
	float: left;
	width: 190px;
    line-height:30px;
    text-align: center;
	background-color:#ff5000;
	font-weight:bold;
	color:#f4f4f4;
}
.centbar li{
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
}
.centbar ul{
	float:left;
} 
.centbar li a{
	color:#f5f5f5;
}
 /* 主要的中心导航框 */
 .main{
	 width:700px;
	 height:632px;
	 position:relative;
	 float:left;
	 /* border:1px solid green; */
 }
 .main-inner{
	 width:700px;
	 height:522px;
	 /* border:1px solid green; */
 }
 .main .left{
	 position:absolute;
	 padding-top:5px;
	 padding-bottom:3px;
	 width:188px;
	 height:512px;
	 border:1px solid #f50000;
 }
 .main .left li{
	 display:list-item;
	 line-height:32px;
	 height:32px;
	 font-size:14px;
	 padding-left:25px;
	 font-weight:400;
	 color:#666;
	 overflow:hidden;
 }
 .main .left li:hover{
	 background-color:#ffe4dd;
 }
 .main .left li a:hover{
	 color:#f90;
	 text-decoration:underline;
 }
 /*主中间*/
 .main .center{
	 width:492;
	 height:512px;
	 margin:10px 0px 0px 10px;
	 border:1px solid blue;
	 position:absolute;
	 left:190px;
	 overflow:hidden;
 }
 
 .logo{
	 width:143px;
	 height:0px;
	 padding-top:59px;
	 margin:20px 20px;
	 background-image:url(http://img.alicdn.com/tfs/TB1_uT8a5ERMeJjSspiXXbZLFXa-143-59.png);
	 overflow:hidden;
	 display:inline-block;
	 position:absolute;
}
/*最上边的导航栏*/
a{
	text-decoration:none;
}
.nav-hd{
	position:absolute;
	left:210px;
	top:10px;
	
}
ul{
	list-style:none;
}
li{
	display:inline;
}
.nav-hd li a{
	color:#f40;
	font-weight:bold;
	padding:5px 10px;
	
}
.nav-hd li a:hover{
	color:#fff;
	border-radius:10px;
	background:#f40;
}
.sousuo-bar{
	width:630px;
	height:36px;
	border-radius:20px;
	border:2px solid #f40;
	position:absolute;
	left:200px;
	top: 30px;
	overflow:hidden; 
	background-color:#FF4200;
}
.sousuo-bar .frame{
	width:550px;
	height:36px;
	display:inline;
	border:none;
}	
.sousuo{
	border:1px solid yellow;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:3px 20px 10px 16px;
	background-color:#FF4200;
	border:none;
}
.sousuo:hover{
	cursor:pointer;
}
.top-bar-bottom{
	position:absolute;
	left:200px;
	top:73px;
	overflow:hidden;
	width:630px;
	height:18px;
	line-height:18px;
	overflow:hidden;
}
.top-bar-bottom li a{
	
	padding-right:1px;
	color:#000;
	font-size:12px;
}
.top-bar-bottom li a:hover{
	color:#f40;
}
/* 右边区域 */
.col-right{
	display:inline-block;
	width:290px;
	height:632px;
	margin-top:10px;
	border:1px solid blue;
}

.screen-center{
	width:995px;
	height:632px;
	border:1px solid green;
}
.col-right .top{
	/* width:290px; */
	height:132px;
}
.col-right>a{
	display:block;
	background-color:#ffe4dd;
	height:26px;
	width:290px;
}
.col-right .wenzi{
	margin-left:30%;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:12px;
	color:#f40;
	display:inline-block;
	
}
.triangle{
	width:0;
	height:0;
	border-style:solid;
	margin-left:10px;
	border-width:5px 0 5px 7px;
	border-color:#ffe4dd #ffe4dd #ffe4dd #f40;
	display:inline-block;
	
}
.col-right .gong-gao{
	/* width:290px; */
	height:98px;
}
.tubiao{
	/* width:290px; */
	height:232px;
}
.ali{
	height:110px;
}














